//头部动画
	//鼠标经过显示底部条
$(function () {
	$(".nav-lei li").hover(function () {
		$(this).find("i").stop(true).delay(100).animate({"bottom":0},300);
	}, function () {
		$(this).find("i").stop(true).delay(100).animate({"bottom":-5},300);

	});

});

//滚动窗口变化大小
$(function () {
	$(window).on("scroll", function () {
		if($(document).scrollTop() < 100){
			$("#headerLei").css("display","block");
			$("#headerLei").stop().animate({"width":"96%","margin-left":"2%","padding-top":"2%"});
		}else if($(document).scrollTop() < 1000) {
			$("#headerLei").css("display","block");
			$("#headerLei").stop().animate({"width":"100%","margin-left":0,"margin-right":0,"padding-top":0});
		}else {
			$("#headerLei").css("display","none");
		}
	});

});
//鼠标经过产品与商城 显示隐藏下方相关结构
$(function () {
	//$(".product-show-lei").on("mouseenter mouseleave", function () {
	//	//$("#headerShop").delay(500).css("display","none");
	//	$("#headerProduct").stop(true).slideToggle();
	//});
	//
	//$(".shop-show-lei").on("mouseenter mouseleave", function () {
	//	//$("#headerProduct").delay(500).css("display","none");
	//	$("#headerShop").stop(true).slideToggle();
	//
	//});

	$(".product-show-lei").on("mouseenter", function () {

		$("#headerProduct").stop(true).delay(400).animate({"height":240});
	});

	$(".product-show-lei").on("mouseleave", function () {

		$("#headerProduct").stop(true).animate({"height":0});
	});

	/////
	$(".shop-show-lei").on("mouseenter", function () {

		$("#headerShop").stop(true).delay(400).animate({"height":240});
	});

	$(".shop-show-lei").on("mouseleave", function () {

		$("#headerShop").stop(true).animate({"height":0});
	});

	//点击移动效果
		//获取所有图片总长度

		var imgsLength = $(".header-product-lei a").outerWidth(true)*$(".header-product-lei a").length;
	//alert($(".header-product-lei a").outerWidth(true))
	//alert(imgsLength)
		//追加节点
		$("#headerProduct ul").append($("#headerProduct ul").html());
		//产品部分移动距离
		var productWidth = $(".header-product-lei a").outerWidth(true)*5;
		var productLength1 = 0;
		var flag = true;
	//左侧移动
	$("#arrLeft").on("click", function () {

		if(flag){
			flag =false;
			if( productLength1 > 0){

				$(".header-product-lei ul").stop().animate({"left":- productLength1 + productWidth},1000, function () {
					flag =true;
				});
				productLength1 -= productWidth ;
			}else {
				$(".header-product-lei ul").css("left",-productWidth*3);
				productLength1 = productWidth*3;
				$(".header-product-lei ul").stop().animate({"left":-productLength1 + productWidth},1000, function () {
					flag =true;
				});
			}
		}
	});


	//右侧移动
	$("#arrRight").on("click", function () {

		if(flag){
			flag =false;
		if(imgsLength > productLength1 ){


			$(".header-product-lei ul").stop().animate({"left":-(productLength1 + productWidth)},1000, function () {
					flag =true;
			});
			productLength1 += productWidth ;
		}else {
			$(".header-product-lei ul").css("left",0);
			productLength1 = productWidth;
			$(".header-product-lei ul").stop().animate({"left":-productLength1},1000, function () {
					flag =true;
			});

		}
		}
	});





});

//.............

$(function () {

	$("#litwo").click(function () {
		$("body").css("overflow","hidden");
		$(".main-lei").css("width","70%");


		$("#carbox").animate({
			width:"450px"
		},800);

		$("#nav").animate({
			left:-450,

		},800);
		$("#pic").animate({
			left:-450,
		},800);
		$("#mask").show(800);

	})
})

$(function () {

	$("#lithree").click(function () {
		$("body").css("overflow","hidden");
		$(".main-lei").css("width","70%");

		$("#personbox").animate({
			width:"450px"
		},800);

		$("#nav").animate({
			left:-450,
		},800);
		$("#pic").animate({
			left:-450,
		},800);
		$("#mask").show(800);
	})






	$("#mask").click(function () {
		$("body").css("overflow","visible");
		$(".main-lei").css("width","100%");

		$("#mask").hide(800);
		$("#nav").animate({
			left:0,
		},800);
		$("#pic").animate({
			left:0,
		},800);


		$("#carbox").animate({
			width:0,
		},800);

		$("#personbox").animate({
			width:0,
		},800);




	})

})
